<!doctype html>
<html>
  <head>
    <title>Getting a WebGL Implementation</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <style>
      body {
        color: #6b6b6b;
        font-family: ubuntu, helvetica, arial, sans, sans-serif;
        line-height: 1.5em;
      }

      a {
        color: #3194d5;
      }

      @media (max-device-width: 480px) {

          #wrapper #support h1 {
            font-weight: bold;
            font-size: 20px;
            margin: 10px 0px;
          }
          #wrapper #support h2 {
            font-weight: bold;
            margin: 10px 0px;
          }
          #wrapper hr {
            margin: 10px 0px;
          }
          #wrapper #moreinfo {
            margin: 10px 0px 0px 0px;
          }

      }

        @media (min-device-width: 600px) {

          #wrapper #support h1 {
            font-weight: normal;
            font-size: 40px;
            margin: 40px 0px;
          }

          #wrapper #support h2 {
            font-weight: normal;
            margin: 40px 0px ;
          }

          #wrapper #support {
          }

          #wrapper hr {
            margin: 40px 0px;
          }

          #wrapper {
            width: 600px;
          }

      }

      #wrapper {
        margin: auto;
      }

      #wrapper hr {
        border-top: solid #e3e3e3;
        border-width: 1px 0px 0px 0px;
        height: 0px;
      }

      #wrapper #support h1 {
        line-height: normal;
        color: #33a933;
      }

      #hostedby, #hostedby a {
          clear: left;
          font-size: 12px;
          text-align: center;
          color: #e5e5e5;
      }

    </style>
</head>
<body>
    <div id="wrapper">
      <div id="support">
        <h1>Getting a WebGL Implementation</h1>
        <h2>WebGL 1.0</h2>
        <p>WebGL 1.0 is supported in the stable releases of most major browsers on both desktop and mobile platforms. Chrome, Firefox, Internet Explorer, Opera, and Safari are all known to have good WebGL support on both desktop and mobile browsers. See <a href="http://caniuse.com/#feat=webgl">http://caniuse.com/#feat=webgl</a> for availability details.</p>
        <p>Technical issues such as known hardware problems or lack of required GPU features may prevent WebGL from running in some cases.</p>
        <h2>WebGL 2.0</h2>
        <p>The <a href="https://www.khronos.org/registry/webgl/specs/latest/2.0/">WebGL 2.0 specification</a> has recently been released, and implementations of the new API are becoming available.</p>
        <p>WebGL 2.0 requires hardware with OpenGL ES 3.0 support or comparable desktop OpenGL feature support. Not all systems capable of running WebGL 1.0 will be able to run WebGL 2.0. See <a href="http://caniuse.com/#feat=webgl2">http://caniuse.com/#feat=webgl2</a> for availability details.</p>
        <h2>Firefox</h2>
        <p>WebGL 2.0 is first supported in <a href="https://hacks.mozilla.org/2017/01/webgl-2-lands-in-firefox/">Firefox 51</a>. Please file bugs for any issues you discover with Firefox’s WebGL 2.0 implementation at <a href="https://bugzilla.mozilla.org/">https://bugzilla.mozilla.org/</a>.</p>
        <h2>Chrome</h2>
        <p>WebGL 2.0 is first supported on desktop platforms in Chrome 56. As of this writing, it may be enabled on Android by navigating to <code>about:flags</code>, finding the entry for "WebGL 2.0", and changing the setting from "Default" to "Enabled".</p>
        <p>Please file bugs for any issues you discover with Chrome's WebGL 2.0 implementation at <a href="https://crbug.com/">https://crbug.com</a>. In addition to describing the problem, please navigate to <code>about:gpu</code> and attach the contents of that page to your report, which will help the developers identify the problem in the case that the issue is GPU or OS specific.</p>
        <h2>Demos</h2>
        <p>Here are a few links to demos using WebGL 2.0 with which you can verify that your browser has it properly enabled.</p>
        <ul>
          <li><a href="https://playcanv.as/e/p/44MRmJRU/">PlayCanvas' "After the Flood"</a>
          <li><a href="http://toji.github.io/webgl2-particles-2/">WebGL 2.0 Particles</a> (<a href="https://github.com/toji/webgl2-particles-2">Github repository</a>)</li>
          <li><a href="http://toji.github.io/webgl2-crowd/">WebGL 2.0 Crowd</a> (<a href="https://github.com/toji/webgl2-crowd">Github repository</a>)</li>
          <li><a href="http://www.ibiblio.org/e-notes/webgl/webgl.htm">Evgeny Demidov's WebGL demos</a> (see WebGL 2.0 links at the top of the page)</li>
          <li><a href="http://webglsamples.org/WebGL2Samples/">WebGL 2.0 Samples Pack</a> (<a href="https://github.com/WebGLSamples/WebGL2Samples">Github repository</a>)</li>
          <li><a href="https://hacks.mozilla.org/2017/01/webgl-2-lands-in-firefox/">Mozilla's WebGL 2.0 Launch Blog Post</a>
        </ul>
        <hr>
        <div id="moreinfo">
            <div>Want more information about WebGL?</div>
            <div><a href="http://khronos.org/webgl">khronos.org/webgl</a></div>
        </div>
      </div>
    </div>

    <div id="hostedby">Hosted by <a href="https://www.digitalocean.com/?refcode=645028c23608">Digital Ocean</a></div>

  </body>
</html>
